<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title>用户管理</title>
        <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="lib/pnotify/pnotify.css" rel="stylesheet" type="text/css"/>
        <link href="css/public.css" rel="stylesheet" type="text/css"/>
        <link href="css/index.css" rel="stylesheet" type="text/css"/>
        <script src="lib/jquery/jquery.min.js" type="text/javascript"></script>
        <script src="lib/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="lib/pnotify/pnotify.js" type="text/javascript"></script>
        <script src="lib/md5/md5.min.js" type="text/javascript"></script>
        <script src="lib/uuid/uuid.js" type="text/javascript"></script>
        <script src="js/public.js" type="text/javascript"></script>
        <script src="js/user.js" type="text/javascript"></script>
    </head>
    <body>
        <div class="syfmPage">
            <div class="syfmHeader">
                <dl>
                    <dt><a href="index.html">文件管理系统</a></dt>
                    <dd>
                        <div class="dropdown">
                            <span class="dropdown-toggle" id="userMenuSpan" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                欢迎您：<span id="userNameShow"></span>，您的空间为
                                <span id="spaceShow"></span>，可用空间为
                                <span id="limitSpaceShow"></span>
                                <span class="caret"></span>
                            </span>
                            <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="userMenuSpan">
                                <li><a href="#" id="userPwd">修改密码</a></li>
                                <li><a href="#" id="userLogout">用户退出</a></li>
                            </ul>
                        </div>
                    </dd>
                </dl>
            </div>
            <div class="syfmAside">
                <ul class="syfmMenu">
                    <li><a href="index.html"><em class="glyphicon glyphicon-file"></em><span>文件管理</span></a></li>
                    <li><a href="user.html"><em class="glyphicon glyphicon-user"></em><span>用户管理</span></a></li>
                </ul>   
            </div>
            <div class="syfmMain">
                <div class="toolBar">
                    <div class="funcList">
                        <a class="btn btn-primary" id="addBtn">添加</a>
                        <a class="btn btn-primary" id="refreshBtn">刷新</a>
                        <span id="actionList" style="display: none">
                            <a class="btn btn-primary" id="updateBtn">编辑</a>
                            <a class="btn btn-primary hidden" id="delBtn">删除</a>
                        </span>
                    </div>
                </div>
                <div class="listHeader">
                    <ul class="clearfix">
                        <li class="listFileName">
                            <input type="checkbox" id="selectBtn"/>
                            <span>姓名</span>
                        </li>
                        <li class="listFileSize">
                            <span>总空间</span>
                        </li>
                        <li class="listFileLastTime">
                            <span>可用空间</span>
                        </li>
                        <li class="listFileStatus">
                            <span>状态</span>
                        </li>
                    </ul>
                </div>
                <div class="listBody">
                    <div class="listWrap" id="listBox">
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="addModalLabel">添加用户</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form form-horizontal" id="addForm">
                            <div class="form-group">
                                <label class="col-md-2 control-label">姓名</label>
                                <div class="col-md-10">
                                    <input type="text" id="addName" class="form-control-static"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2 control-label">空间</label>
                                <div class="col-md-10">
                                    <input type="text" class="form-control-static" id="addSpace"/>
                                    <select class="form-control-static" id="addSpaceType">
                                        <option value="gb">GB</option>
                                        <option value="mb">MB</option>
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" id="addSubmit">提交</button>
                    </div>
                </div>
            </div>
        </div>


        <div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="updateModalLabel">编辑用户</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form form-horizontal" id="updateForm">
                            <input type="hidden" id="updateId"/>
                            <div class="form-group">
                                <label class="col-md-2 control-label">姓名</label>
                                <div class="col-md-10">
                                    <input type="text" id="updateName" class="form-control-static"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2 control-label">空间</label>
                                <div class="col-md-10">
                                    <input type="text" class="form-control-static" id="updateSpace"/>
                                    <select class="form-control-static" id="updateSpaceType">
                                        <option value="gb">GB</option>
                                        <option value="mb">MB</option>
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" id="updateSubmit">提交</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="pwdModal" tabindex="-1" role="dialog" aria-labelledby="pwdModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="pwdModalLabel">修改密码</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form form-horizontal" id="pwdForm">
                            <div class="form-group">
                                <label class="col-md-2 control-label">新密码</label>
                                <div class="col-md-10">
                                    <input type="password" id="pwdPwd" class="form-control-static"/>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-2 control-label">确认密码</label>
                                <div class="col-md-10">
                                    <input type="password" class="form-control-static" id="pwdConfirm"/>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        <button type="button" class="btn btn-primary" id="pwdSubmit">提交</button>
                    </div>
                </div>
            </div>
        </div>
        
        
    </body>
</html>
